<template>
  <div class="search">
    <van-collapse v-model="activeNames">
      <van-collapse-item title="筛选" name="1" class="title_txt">
        <van-cell-group title="包含文字">
          <van-search placeholder="请输入搜索文字" v-model="value" />
        </van-cell-group>
        <van-cell-group title="发布时间">
          <van-cell title="从" value="任何时间" is-link />
          <van-cell title="到" value="任何时间" is-link />
        </van-cell-group>
        <van-cell-group title="分类">
          <van-cell title="媒体类型" value="任何类型" is-link />
          <van-cell title="主题类型" value="任何类型" is-link />
        </van-cell-group>
        <van-cell ><van-button type="warning" block class="search_btn">搜索</van-button></van-cell>

      </van-collapse-item>
    </van-collapse>

  </div>
</template>

<script>
  export default {
    name: "Home",
    data(){
      return{
        value:"",
        rangeValue:0,
        activeNames:['1']
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import "../assets/scss/var";
.search_btn{
  background-color: $main;
}
</style>
